 <div id="header" style="position: relative;">
                <div id="logo">
                    <h1><a href="#">Figuratively<span>&amp;</span>Speaking</a></h1>
                </div>
                 <div style="position:absolute;right: 100px; ">
                     <?php if( $data['username'] ): ?>
                     <a href="#">welcome <?php echo $data['username']; ?></a><a style="margin:0 5px;">|</a><a  href="<?php echo $data['rootUrl']; ?>image/logout">logout</a>
                     <?php else: ?>
                           <a href="<?php echo $data['rootUrl']; ?>image/login_page">login</a><a style="margin:0 5px;">|</a><a  href="<?php echo $data['rootUrl']; ?>image/signup_page">sign up</a>
                     <?php endif; ?>
                </div>
                <div style="position:absolute;right: 100px; top: 50px;">
                    <div >
                        search:
                        <input type="text"  name="key_word" id="key_word" />
                          <input type="button" id="keyword_button" value="sumit" />
                    </div>
                </div>
                <div class="clr"></div>
            </div> 
<script>
   $('#keyword_button').click(function(){
        var value  = $('#key_word').val();
        window.location.href = '<?php echo $data['rootUrl']; ?>image/type/0?keyword='+value;

    })
    
    </script>









